.bs-text-color-white {
  color: #FFFFFF;
}

.swipe-inner-card {
  width: 2.4rem;
  height: 1.53rem;
  background:rgba(255,255,255,1);

  &-content {
    width: 2.04rem;
  }

  &-btn {
    display: block;

    width:156px;
    height:38px;
    background:rgba(255,75,100,1);
    border-radius:19px;
  }
}

.recomend-card {
  width: 2.8rem;
  height: 2.09rem;

  &-bg {
    position: absolute;
    left: 0;
    top: 0;
  }

  &-content {
    position: absolute;
    left: 0;
    top: 0;
  }

  &-btn {
    width: .64rem;
    line-height: .2rem;
    border-radius: 1000px;
  }

  &-img {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
  }
}

.activity-trial-lesson {
  @radius: .22rem;

  width: 100%;
  height: .7rem;
  background: rgba(255,51,51,1);
  &-logo {
    > img {
      position: absolute;
      left: 0;
      bottom: 0;
    }
  }

  &-search {
    width: 4.55rem;
    height: .44rem;
    border-radius: @radius;
    background:rgba(255,255,255,1);

    > input {
      border: none;
      font-size: .18rem;
      &:focus {
        outline: none;
      }

    }
  }

  &-btn {
    width: 1.3rem;
    height: 100%;
    background-color: #ffd235;
    border-radius:0 @radius @radius 0;

    right: 0;
    top: 0;
  }
}
